<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="数学专题">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<meta http-equiv="refresh" content="60">-->
<!--[if lt IE 9]>
  <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
<meta name="author" content="House">
<style type="text/css">
body {background-color:white}
h2 {color: black}
p {color:grey}
</style>
<title>数学专题</title>
</head>
<body>
    <img id="math" src="Pictures/数学_压缩.jpg" alt="Mathmetics" width="0" height="0">
    <canvas id="math_top" width="1500" height="100" style="border:3px cornflowerblue ;">
      您的浏览器不支持 HTML5 canvas 标签。
    </canvas>
    <script type="text/javascript">

      var above=document.getElementById("math_top");
      var math=above.getContext("2d");
      var img=document.getElementById("math");
      img.onload = function() {
        math.drawImage(img,1414,5);
      }
      var grd=math.createRadialGradient(100,50,50,1400,50,1000);
      grd.addColorStop(0,"cornflowerblue");
      grd.addColorStop(1,"blue");
      math.fillStyle=grd;
      math.fillRect(0,0,1500,100);
      math.moveTo(50,10);
      math.lineTo(100,5);
      math.lineTo(107,80);
      math.lineTo(50,10);
      math.lineWidth='3';
      math.strokeStyle='red';
      math.fillStyle="lawngreen";
      math.fill();
      math.stroke();
      math.beginPath();
      math.arc(86,30,10,0,2*Math.PI);
      math.fillStyle="cornflowerblue";
      math.fill();
      math.stroke();
      math.font="55px 华文雅黑";
      math.fillStyle="rosybrown";
      math.lineWidth='1';
      math.strokeText("(a ± b)² = a² ± 2ab + b²(完全平方公式)",350,40);
      math.font="30px 方正舒体";
      math.fillStyle="yellow";
      math.fillText("a²+b²=c²(勾股定理)",150,50);
      math.font="40px 等线";
      math.fillStyle="peru";
      math.fillText("x² + (p + q)x + pq = (x + p)(x + q)(十字相乘法)",465,75);
      
    </script>
    <br/>
    <font size="5">来点music怎么样？  </font>
    <audio controls loop preload="none">
      <source src="Videos/开心歌.mp3" type="audio/ogg">
      <source src="Videos/开心歌.mp3" type="audio/mpeg">
      您的浏览器不支持 audio 元素。
    </audio>
    <br/><br/><br/><br/>
    <font size="5"><a href="勾股定理.html" style="color:blue;text-decoration: none;text-align: left;">勾股定理</a></font>
</body>
</html>
<!-- 小于号转义:&lt; 大于号转义:&gt; 空格转义:&nbsp;-->
<!-- document.createElement("myHero") 是为 IE 浏览器添加新的元素。 -->